<template>
  <div class="content">
    <div class="head">
      <span>隐私协议</span>
      <span class="cancel cp" @click="cancel">取消</span>
      <span class="save" @click="save">保存</span>
    </div>
   <slot />
  </div>
</template>

<script>
export default {
  methods: {
    edit () {
      this.$emit('edit')
    },
    cancel () {
      this.$emit('cancel')
    },
    save () {
      this.$emit('save')
    }
  }
}
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  min-height: 934px;
  background-color: #fff;
  margin-top: 24px;
  border-radius: 8px;
  padding: 0 24px;
  .head {
    width: 100%;
    height: 78px;
    border-bottom: 1px solid #e6e9f0;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #1b1f35;
    span {
      position: absolute;
      bottom: 20px;
    }
    .cancel {
      right: 80px;
      color: #a5aebf;
    }
    .save {
      right: 24px;
      color: #304eec;
    }
  }

}
</style>
